﻿<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <title>宇通集团</title>
    ﻿<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="format-detection" content="telephone=no">
<meta name="renderer" content="webkit">
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
<meta http-equiv="Cache-Control" content="no-siteapp" />
<link rel="alternate icon" type="image/png" href="images/favicon.png">
<link rel='icon' href='favicon.ico' type='image/x-ico' />
<meta name="description" content="" />
<meta name="keywords" content="" />
<link rel="stylesheet" href="css/default.min.css?t=227" />
<!--[if (gte IE 9)|!(IE)]><!-->
<script type="text/javascript" src="lib/jquery/jquery.min.js"></script>
<!--<![endif]-->
<!--[if lte IE 8 ]>
<script src="http://libs.baidu.com/jquery/1.11.3/jquery.min.js"></script>
<script src="http://cdn.staticfile.org/modernizr/2.8.3/modernizr.js"></script>
<script src="lib/amazeui/amazeui.ie8polyfill.min.js"></script>
<![endif]-->
<script type="text/javascript" src="lib/handlebars/handlebars.min.js"></script>
<script type="text/javascript" src="lib/iscroll/iscroll-probe.js"></script>
<script type="text/javascript" src="lib/amazeui/amazeui.min.js"></script>
<script type="text/javascript" src="lib/raty/jquery.raty.js"></script>
<script type="text/javascript" src="js/main.min.js?t=1"></script>
<script src="js/jquery-1.8.2.js"></script>
<script type="text/javascript"></script>
<link rel="stylesheet" type="text/css" href="layui/css/layui.css" />
<script type="text/javascript" src="layui/layui.js" charset="UTF-8"></script>
</head>
<body>
<header>
    <div class="header-top">
        <div class="width-center">
            <div class="header-logo "><img src="images/logo.png" alt=""></div>
            <div class="header-title div-inline">
                <strong>宇通集团</strong>
                <span>www.yvtong.com</span>
            </div>

        </div>
    </div>
    <div class="header-nav">
        <button class="am-show-sm-only am-collapsed font f-btn" data-am-collapse="{target: '.header-nav'}">Menu <i
                class="am-icon-bars"></i></button>
        <nav>
        <ul class="header-nav-ul am-collapse am-in">
            <li class="on"><a href="index.html" name="index">首页</a></li>
            <li><a href="about.html" name="about">关于我们</a></li>
            <li><a href="productlist.html" name="show">产品展示</a></li>
            <li><a href="article_list.html" name="new">新闻资讯</a></li>
            <li><a href="contact.html" name="message">联系我们</a>
                <div class="secondary-menu">

                    <ul><li><a href="message.html" class="message"></a></li></ul>
                </div>
            </li>
        </ul>




        </nav>
    </div>

</header>
<div class="am-slider am-slider-default" data-am-flexslider="{playAfterPaused: 8000}">
    <ul class="am-slides">
        <li><img src="images/留言.png" alt="" ></li>
        
    </ul>
</div>
<div>
    <header class="header-article-list">
        <h1>在线留言</h1>

    </header>
<div>
   <form class="layui-form">
		<!-- 提示：如果你不想用form，你可以换成div等任何一个普通元素 -->

		<div class="layui-form-item">
			<label class="layui-form-label">姓名</label>
			<div class="layui-input-block">
				<input type="text" name="name" placeholder="请输入"
					autocomplete="off" class="layui-input" >
			</div>
		</div>
		<div class="layui-form-item">
			<label class="layui-form-label">电话</label>
			<div class="layui-input-block">
				<input type="text" name="dianhua" placeholder="请输入"
					autocomplete="off" class="layui-input">
			</div>
		</div>
		  <div class="layui-form-item layui-form-text">
    <label class="layui-form-label">需求</label>
    <div class="layui-input-block">
      <textarea name="xvqiu" placeholder="请输入内容" class="layui-textarea"></textarea>
    </div>
  </div>


		
		<div class="layui-form-item">
			<div class="layui-input-block">
				<button class="layui-btn" lay-submit lay-filter="*">立即提交</button>
				<button type="reset" class="layui-btn layui-btn-primary">重置</button>
			</div>
		</div>
		<!-- 更多表单结构排版请移步文档左侧【页面元素-表单】一项阅览 -->
	</form>
	<script>
		

		//        表单
		layui.use('form', function() {
			var form = layui.form;

			//各种基于事件的操作，下面会有进一步介绍
			//-----------------------------------------
			//           监听submit
			form.on('submit(*)', function(data) {
				console.log(data.elem) //被执行事件的元素DOM对象，一般为button对象
				console.log(data.form) //被执行提交的form对象，一般在存在form标签时才会返回
				console.log(data.field) //当前容器的全部表单字段，名值对形式：{name: value}
				$.ajax({
					url : "/yt/TianjiaLiuyan",
					type : "get",
					data : data.field,
					success : function(res) {
						if (res == 1) {
							alert("添加成功！");
						

						} else {
							alert("添加失败！");
						}
					}

				});

				return false; //阻止表单跳转。如果需要表单跳转，去掉这段即可。
			});
		});
	</script>
</div>
</div>
﻿<footer>
    <div>
        <div class="footer-info">
    		<img src="images/logo.png"  style="margin-left: 200px ;">
            <div class="footer-content">
    			
                <img src="images/宇通二维码.PNG" alt=""style="width:300px;height:170px;">
    			
    			<div>
    				<span   style="font-size: 20px;">产品中心</span>
    				<span >公交客车</span>
    				<span>客运客车</span>
    				<span>旅游客车</span>
    				<span>校车</span>
    				<span>公商务车</span>
    				<span>景区车</span>
    				<span>专用车</span>
    			</div>
    			<div>
    				<span style="font-size: 20px;">新闻中心</span>
    				<span>宇通新闻</span>
    				<span>行业新闻</span>
    				<span>媒体报道</span>
    				<span>海外精彩</span>
    				<span>活动专题</span>
    				<span>宇通录像</span>
    				
    			</div>
    			<div>
    				<span style="font-size: 20px; margin-left:40px; ">联系我们</span>
    			</div>
               <div style="font-size:20px;">
                <p>招商热线:0666-666666</p>
    			
    			</div>
    			
                <div class="footer-box">
                    <i class="icon-tel"></i>
                    <span>公司电话:</span>
                    <span>0666-666666</span>
                </div>
    			
                <div class="footer-box" style="margin-left:48px;">
                    <i class="icon-email"></i>
                    <span>公司邮箱:</span>
                    <span>123@yvtong.com</span>
                </div>
                <div class="footer-box"  style="margin-right: 300px;">
                    <i class="icon-address"></i>
                    <span>公司地址:</span>
                    <span>湖北省XXX市XXX大道小区B栋201</span>
                </div>
               </div>
            </div>
        </div>
        <style>
        .footer-bottom a{color:#F1404B}
        </style>
    </div>
</footer>
</body>
</html>